<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">
                商城用户
            </div>
            <div>

            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="用户编号：" namespace="mallUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{mallUserDetailInfo.userId}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="名称：" namespace="mallUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{mallUserDetailInfo.name || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="email：" namespace="mallUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{mallUserDetailInfo.email}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="地址：" namespace="mallUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{mallUserDetailInfo.address || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="手机号：" namespace="mallUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{mallUserDetailInfo.tel || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="注册时间：" namespace="mallUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{mallUserDetailInfo.createTime || '-'}}</label>
                    </div>
                </div>
            </div>

        </div>
        <div class="vc-line-primary margin-top"></div>

        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailIntegral'}"
                        v-on:click="changeTab('userDetailIntegral')">
                        <vc:i18n name="用户积分" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailIntegralDetail'}"
                        v-on:click="changeTab('userDetailIntegralDetail')">
                        <vc:i18n name="积分明细" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailOrder'}"
                        v-on:click="changeTab('userDetailOrder')">
                        <vc:i18n name="用户订单" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailRefundOrder'}"
                        v-on:click="changeTab('userDetailRefundOrder')">
                        <vc:i18n name="退货订单" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailVip'}"
                        v-on:click="changeTab('userDetailVip')">
                        <vc:i18n name="商铺会员" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailGroupOrders'}"
                        v-on:click="changeTab('userDetailGroupOrders')">
                        <vc:i18n name="拼团订单" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailRefundGroupOrders'}"
                        v-on:click="changeTab('userDetailRefundGroupOrders')">
                        <vc:i18n name="拼团退单" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailSeckillOrders'}"
                        v-on:click="changeTab('userDetailSeckillOrders')">
                        <vc:i18n name="秒杀订单" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:mallUserDetailInfo._currentTab == 'userDetailAddress'}"
                        v-on:click="changeTab('userDetailAddress')">
                        <vc:i18n name="收货地址" namespace="mallUserDetail"></vc:i18n>
                    </a>
                </li>
                
                
                
            </ul>
        </div>
    </div>

    <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailIntegral'">
            <vc:create path="user/userDetailIntegral"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailIntegralDetail'">
            <vc:create path="user/userDetailIntegralDetail"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailOrder'">
            <vc:create path="user/userDetailOrder"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailRefundOrder'">
            <vc:create path="user/userDetailRefundOrder"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailVip'">
            <vc:create path="user/userDetailVip"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailGroupOrders'">
            <vc:create path="user/userDetailGroupOrders"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailRefundGroupOrders'">
            <vc:create path="user/userDetailRefundGroupOrders"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailSeckillOrders'">
            <vc:create path="user/userDetailSeckillOrders"></vc:create>
        </div>
        <div v-if="mallUserDetailInfo._currentTab == 'userDetailAddress'">
            <vc:create path="user/userDetailAddress"></vc:create>
        </div>

    </div>

</div>